/* 公用PC */
@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
        font-family: "微软雅黑";
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color:rgba(198,24,17,0.9) !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
	transition: opacity 0.1s;
}

.fw a:hover{
	opacity: 0.8;
	color: #fff !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
}

.w1200{
	width:1200px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo2{
	position: relative;
	overflow: hidden;
}

.photo2 img{
	width: 100%;
	height: 100%;
	transition: transform 0.2s;
}

.photo2:hover img{
	transform: scale(1.02,1.02);
}

#header{
	background: url("../images/header.png") no-repeat center top;
}

#header .w1200{
	height: 367px;
	position: relative;
}

#top{
	height: 58px;
	line-height: 58px;
	font-size: 15px;
}

#top a{
	color:rgba(255,255,255,0.6);
}

#top a:hover{
	color:rgba(255,255,255,1) !important;
}

#top b{
	font-style: normal;
	color:rgba(255,255,255,0.1);
	margin: 0px 10px;
}

#top .area{
	float: left;
	margin-left: 30px;
}

#top .icon li{
	float: left;
	margin: 0px 14px 0px 0px;
	padding: 20px 0px 20px 0px;
	height: 18px;
	position: relative;
	overflow: visible;
}

#top .icon li span{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.6;
}

#top .icon li span:hover{
	opacity: 1;
}

#top .icon .drop{
	position: absolute;
	top: 56px;
	left: 50%;
	width: 135px;
	padding: 6px;
	border-radius: 6px;
	margin-left: -73px;
	background: #fff;
	text-align: center;
	display: none;
	z-index: 9;
}

#top .icon .drop img{
	width: 135px;
	height: 135px;
}

#top .icon .drop i{
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -14px;
	top: -12px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 12px solid #fff;
}

#top .icon .drop p{
	line-height: 20px;
	font-size: 16px;
}

#top .icon .drop p a{
	color: #000;
}

#top .icon .drop p a:hover{
	color:rgba(198,24,17,0.9) !important;
}

#top .icon li:hover .drop{
	display: block;
}

@media screen and (max-width: 1300px) {
	#header #top .icon .drop{ left: -10px; margin: 0px;}
	#header #top .icon .drop i{ left: 4px; margin: 0px; }
}

#search{
	position: absolute;
	width: 510px;
	height: 44px;
	border-radius: 22px;
	left: 345px;
	top: 227px;
}

#search .text{
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 22px;
	padding: 0px 120px 0px 25px;
	border: none;
	outline: none;
	width: 365px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	background: rgba(255,255,255,0.5);
	color: rgba(0,0,0,1);
	transition: background 0.2s;
}

#search .text:focus{
	background: rgba(255,255,255,1);
}

#search .text::-webkit-input-placeholder { /* WebKit browsers */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}
#search .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}
#search .text::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}
#search .text:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}

#search .text:focus::-webkit-input-placeholder{
	color: rgba(0,0,0,1);
}
#search .text:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(0,0,0,1);
}
#search .text:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(0,0,0,1);
}
#search .text:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgba(0,0,0,1);
}

#search .sub{
	position: absolute;
	right: -1px;
	top: 0px;
	width: 96px;
	height: 44px;
	border-radius: 22px;
	padding: 0px;
	outline: none;
	border: none;
	background: #447ed3;
	cursor: pointer;
	font-size: 19px;
	color: #fff;
}

#nav{
	position: absolute;
	bottom: 0px;
	left: -48px;
	width: 1296px;
}

#nav li{
	float: left;
	width: 190px;
	height: 26px;
	padding: 23px 0px;
	text-align: center;
	margin: 0px 13px;
	font-size: 22px;
	transition: background-color 0.2s;
}

#nav .current{
	font-weight: bold;
}

#nav li:hover{
	background-color:rgba(0,118,231,0.2);
}

#nav li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

#nav li span{
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
	height: 26px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left 0px;
	transition: background-position 0.2s;
}

#nav .icon1 span{ background-image: url("../images/nav1.png"); }
#nav .icon2 span{ background-image: url("../images/nav2.png"); }
#nav .icon3 span{ background-image: url("../images/nav3.png"); }
#nav .icon4 span{ background-image: url("../images/nav4.png"); }
#nav .icon5 span{ background-image: url("../images/nav5.png"); }
#nav .icon6 span{ background-image: url("../images/nav6.png"); }

#nav li:hover a{
	color: #fff !important;
}

#nav li:hover span{
	background-position: left -26px;
}

#header2{
	background: url("../images/header2.jpg") no-repeat center top;
}

#header2 .w1200{
	height: 218px;
	position: relative;
}

#header2 .topic{
	position: absolute;
	left: 0px;
	top: 47px;
}

#header2 .topic2{
	position: absolute;
	left: 517px;
	top: 60px;
}

#header2 #search{
	left: 490px;
	top: 60px;
	width: 350px;
}

#header2 #search .text{
	width: 265px;
	padding-right: 60px;
}

#header2 #search .sub{
	background: url("/picture/3022/2209042248561119875.png");
	width: 21px;
	height: 23px;
	top: 11px;
	right: 25px;
	font-size: 0px;
	transition: opacity 0.2s;
}

#header2 #search .sub:hover{
	opacity: 0.8;
}

#header2 #top{
	position: absolute;
	right: 0px;
	top: 52px;
	height: auto;
	line-height: 18px;
	font-size: 16px;
}

#header2 #top a{
	color: #fff;
}

#header2 #top b{
	color: #4489ca;
}

#header2 #top .icon{
	float: none;
	margin: 0px;
	text-align: right;
	margin-bottom: 15px;
}

#header2 #top .icon li{
	display: inline-block;
	vertical-align: top;
	float: none;
	padding: 0px;
	margin: 0px 0px 0px 14px;
}

#header2 #top .icon li span{
	opacity: 1;
}

#header2 #top .icon li span:hover{
	opacity: 0.85;
}

#header2 #top .icon .drop{
	top: 30px;
	width: 110px;
	padding: 3px;
	margin-left: -58px;
}

#header2 #top .icon .drop img{
	width: 110px;
	height: 110px;
}

#header2 #top .icon .drop p a{
	color: #000;
}

#header2 #top .icon .drop p a:hover{
	color:rgba(198,24,17,0.9) !important;
}

@media screen and (max-width: 1335px) {
	#header2 #top .icon .drop{ left: auto; right: -8px; margin: 0px;}
	#header2 #top .icon .drop i{ right: 4px; margin: 0px; left: auto; }
}

#footer1{
	background: #004294;
	padding: 50px 0px;
	overflow: visible;
}

#footer1 .link1{
	float: left;
	background:rgba(255,255,255,0.05);
	border-radius: 3px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 155px;
	margin-left: 30px;
}

#footer1 .link1 a{
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,0.5);
}

#footer1 .link1 a:hover{
	color: rgba(255,255,255,0.8) !important;
	background: rgba(255,255,255,0.1);
}

#footer1 .link1.first{
	margin-left: 0px !important;
}

#footer1 .list{
	float: left;
	background-color:rgba(255,255,255,0.05);
	border-radius: 3px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	width: 165px;
	padding-right: 30px;
	position: relative;
	color: rgba(255,255,255,0.5);
	margin-left: 30px;
	cursor: pointer;
}

#footer1 .list a{
	color: rgba(255,255,255,0.8) !important;
}

#footer1 .list i{
	position: absolute;
	right: 15px;
	top: 15px;
	border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid rgba(255,255,255,0.5);
}

#footer1 .list:hover{
	color: #fff;
	background-color:rgba(255,255,255,0.1);
}

#footer1 .list:hover i{
	border-top-color: #fff;
}

#footer1 .list .drop{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 42px;
	background-color:#fff;
	max-height: 0px;
	overflow: hidden;
	z-index: 999;
	transition: max-height 0.2s;
}

#footer1 .list:hover .drop{
	max-height: 400px;
	box-shadow: 0px 0px 1px #004294;
	overflow-y: scroll;
}

#footer1 .list .drop li{
	line-height: 20px;
	padding: 5px 15px;
	font-size: 14px;
	text-align: left;
}

#footer1 .list .drop li,#footer1 .list .drop li a{
	color: #000 !important;
}

#footer1 .list .drop li a:hover{
	color:rgba(198,24,17,0.9) !important;
}

#footer1 .card{
	margin-top: 40px;
}

#footer1 .card ul{
	margin-left: -30px;
}

#footer1 .card li{
	float: left;
	width: 155px;
	height: 120px;
	border-radius: 3px;
	background-color:rgba(255,255,255,0.05);
	margin-left: 30px;
	color:rgba(255,255,255,0.8);
	text-align: center;
	transition: background 0.2s;
}

#footer1 .card li:hover{
	background-color:rgba(255,255,255,0.1);
}

#footer1 .card a{
	display: block;
	width: 100%;
	height: 100%;
	color:rgba(255,255,255,0.8) !important;
}

#footer1 .card table{
	width: 100%;
	height: 100%;
}

#footer1 .card .txt{
	width: 275px;
	text-align: left;
	background-color:rgba(255,255,255,0.05) !important;
}

#footer1 .card .txt p{
	line-height: 22px;
	font-size: 14px;
	padding: 6px 22px;
}

#footer1 .card img{
	display: inline-block;
	vertical-align: top;
}

#footer1 .card h4{
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	margin-top: 8px;
}

#footer2{
	background: #003474;
	color:rgba(255,255,255,0.8);
	line-height: 20px;
	padding: 30px 0px;
}

#footer2 a{
	color:rgba(255,255,255,0.8);
}

#footer2 a:hover{
	color:rgba(255,255,255,1) !important;
}

#footer2 .right span{
	margin-left: 40px;
}

#footer2 span img{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

#footer-wap{
	display: none;
}


#header3{
	background: url("../images/header3.jpg") no-repeat center top;
	position: relative;
	height: 398px;
	display: table;
	text-align: center;
}

#header3 .logo{
	position: absolute;
	left: 3%;
	top: 40px;
}

#header3 .topic{
	display: table-cell;
	height: 185px;
	vertical-align: middle;
}

#header3 .topic img{
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 1600px) {
	#header3 .logo{ top: 20px; }
	#header3 .topic{ padding-top: 40px; }
}

#header4{
	position: relative;
	border-top: 7px solid #004294;
	border-bottom: 1px solid #ebebeb;
	overflow: visible;
}

#header4 .w1200{
	height: 230px;
	position: relative;
}

#header4 .topic{
	position: absolute;
	left: 0px;
	top: 32px;
}

#header4 .search2{
	position: absolute;
	left: 0px;
	top: 122px;
	width: 690px;
	height: 50px;
	background: #fff;
	border-radius: 25px;
	border: 2px solid #f2f2f2;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.16);
}

#header4 .search2 .text{
	float: left;
	width: 560px;
	height: 50px;
	line-height: 50px;
	border: none;
	margin-left: 30px;
	padding: 0px;
	font-size: 16px;
}

#header4 .search2 .text::-webkit-input-placeholder { /* WebKit browsers */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}
#header4 .search2 .text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}
#header4 .search2 .text::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}
#header4 .search2 .text:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgba(0,0,0,0.3);
	transition: color 0.2s;
}

#header4 .search2 .sub{
	float: right;
	margin-right: 30px;
	width: 21px;
	height: 23px;
	background: url("../images/top-search.png");
	margin-top: 13px;
	cursor: pointer;
	border: none;
	padding: 0px;
}

#header4 .nav2{
	position: absolute;
	left: 20px;
	bottom: -1px;
	height: 40px;
	line-height: 40px;
}

#header4 .nav2 ul{
	float: left;
}

#header4 .nav2 li{
	float: left;
	margin-right: 35px;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
}

#header4 .nav2 li,#header4 .nav2 li a{
	color: #4c4c4c;
}

#header4 .nav2 .icon1{ background-image: url("../images/header4-icon1.png"); }
#header4 .nav2 .icon2{ background-image: url("../images/header4-icon2.png"); }
#header4 .nav2 .icon3{ background-image: url("../images/header4-icon3.png"); }
#header4 .nav2 .icon4{ background-image: url("../images/header4-icon4.png"); }
#header4 .nav2 .icon5{ background-image: url("../images/header4-icon5.png"); }
#header4 .nav2 .icon6{ background-image: url("../images/header4-icon6.png"); }

#header4 .nav2 .current i,#header4 .nav2 li:hover i{
	position: absolute;
	width: 100%;
	height: 3px;
	background: #004294;
	bottom: 0px;
	left: 0px;
}

#header4 .nav2 .senior{
	background: url("../images/header4-icon7.png") no-repeat left center;
	padding-left: 21px;
	margin-left: 60px;
}

#header4 .drop{
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	background: #f8f8f8;
	height: 28px;
	padding: 15px 0px;
	left: 0px;
	bottom: -60px;
	z-index: 99;
}

#header4 .drop .box{
	width: 1160px;
	margin: 0px auto;
}

#header4 .drop .col{
	float: left;
	margin-right: 20px;
}

#header4 .drop span{
	float: left;
	line-height: 28px;
	font-size: 14px;
}

#header4 .drop .text{
	float: left;
	height: 26px;
	line-height: 26px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	margin-left: 5px;
	padding: 0px 5px;
	width: 110px;
	font-size: 14px;
}



#footer1 .card li:first-child{
		display: none;
	}
	#footer1 .card ul{
		margin-left: inherit;
	}
	
	#footer1 .card li:nth-child(2){
		margin-left: 0px;
	}
	#footer1 .card li{
		width: 176px;
		margin-left: 48px;
	}
	#footer1 .card .txt{
		width: 304px;
	}
	
	#footer1 .card .txt p{
		color: rgba(255,255,255,0.8);
		padding: 6px 35px;
	}